<template>
    <div class="main">
        <ul class="list">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>

        <div class="box">

        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="less" scoped>
.main{
    display: flex;
    flex-direction: column;
.list{
    height: 100px;
    display: flex;
    li{
        width: 25%;
        margin-right: 15px;
        background-color: #fff;
    }
}
.box{
    flex: 1;
    background-color: #fff;
}
}

</style>